<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>后台管理系统</title>
		<link href="static/css/bootstrap.min.css" rel="stylesheet">
		<link href="static/fonts/css/font-awesome.css" rel="stylesheet">
		<link href="static/css/plugins/iCheck/custom.css" rel="stylesheet">
		<link href="static/css/animate.css" rel="stylesheet">
		<link href="static/css/style.css" rel="stylesheet">
		<!-- 让IE8 支持 HTML5 -->
		<!--[if lt IE 9]>
			<link href="//cdn.bootcss.com/normalize/3.0.3/normalize.min.css" rel="stylesheet">
			<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>

	<body>
		<div id="wrapper">
			<nav class="navbar-default navbar-static-side" role="navigation">
				<div class="sidebar-collapse">
					<ul class="nav metismenu" id="side-menu">
						<li class="nav-header">
							<div class="dropdown profile-element"> <span>
                           <!-- <img alt="image" class="img-circle" src="img/a6.jpg" style="width: 72px;" />-->
                           <img alt="image" src="static/img/logo.png"/>
                             </span>
								<div class="btn-group userDropdown">
									<button data-toggle="dropdown" class="btn btn-primary btn-xs dropdown-toggle "> 系统管理员 <span class="caret"></span></button>
									<ul class="dropdown-menu">
										<li><a href="profile.html">个人资料</a></li>
										<li><a href="contacts.html">上传图像</a></li>
										<li><a href="contacts.html">会员中心</a></li>
										<li class="divider"></li>
										<li><a href="login.html">退出登陆</a></li>
									</ul>
								</div>

							</div>
							<div class="logo-element">SP+</div>
						</li>

						<li>
							<a href="index.html"><i class="fa fa-desktop"></i> <span class="nav-label">系统基础管理</span> <span class="fa arrow"></span></a>
							<ul class="nav nav-second-level collapse">
								<li><a href="#"><i class="fa fa-angle-double-right"></i>基础配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>视频配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>数据备份</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>其他设置</a></li>
							</ul>
						</li>

						<li class="active">
							<a href="index.html"><i class="fa fa-film"></i> <span class="nav-label">视频资源管理</span> <span class="fa arrow"></span></a>
							<ul class="nav nav-second-level collapse">
								<li><a href="#">基础配置</a></li>
								<li><a href="#">视频配置</a></li>
								<li class="active"><a href="#">数据备份</a></li>
								<li><a href="#">其他设置</a></li>
							</ul>
						</li>

						<li>
							<a href="index.html"><i class="fa fa-shield"></i> <span class="nav-label">系统权限管理</span> <span class="fa arrow"></span></a>
							<ul class="nav nav-second-level collapse">
								<li><a href="#"><i class="fa fa-angle-double-right"></i>基础配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>视频配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>数据备份</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>其他设置</a></li>
							</ul>
						</li>

						<li>
							<a href="index.html"><i class="fa fa-user"></i> <span class="nav-label">会员权限管理</span> <span class="fa arrow"></span></a>
							<ul class="nav nav-second-level collapse">
								<li><a href="#"><i class="fa fa-angle-double-right"></i>基础配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>视频配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>数据备份</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>其他设置</a></li>
							</ul>
						</li>

						<li>
							<a href="index.html"><i class="fa fa-paw"></i> <span class="nav-label">广告系统管理</span> <span class="fa arrow"></span></a>
							<ul class="nav nav-second-level collapse">
								<li><a href="#"><i class="fa fa-angle-double-right"></i>基础配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>视频配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>数据备份</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>其他设置</a></li>
							</ul>
						</li>

						<li>
							<a href="index.html"><i class="fa fa-book"></i> <span class="nav-label">敏感字典管理</span> <span class="fa arrow"></span></a>
							<ul class="nav nav-second-level collapse">
								<li><a href="#"><i class="fa fa-angle-double-right"></i>基础配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>视频配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>数据备份</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>其他设置</a></li>
							</ul>
						</li>

						<li>
							<a href="index.html"><i class="fa fa-keyboard-o"></i> <span class="nav-label">操作信息管理</span> <span class="fa arrow"></span></a>
							<ul class="nav nav-second-level collapse">
								<li><a href="#"><i class="fa fa-angle-double-right"></i>基础配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>视频配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>数据备份</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>其他设置</a></li>
							</ul>
						</li>
						<li>
							<a href="index.html"><i class="fa fa-eye"></i> <span class="nav-label">任务监控管理</span> <span class="fa arrow"></span></a>
							<ul class="nav nav-second-level collapse">
								<li><a href="#"><i class="fa fa-angle-double-right"></i>基础配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>视频配置</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>数据备份</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>其他设置</a></li>
							</ul>
						</li>

						<li>
							<a href="#"><i class="fa fa-diamond"></i> <span class="nav-label">关于我们</span></a>
						</li>
					</ul>
				</div>
			</nav>

			<div id="page-wrapper" class="gray-bg">
				<div class="row border-bottom">
					<nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
						<div class="navbar-header">
							<a class="navbar-minimalize minimalize-styl-2 btn btn-primary "><i class="fa fa-bars"></i> </a>

						</div>
						<ul class="nav navbar-top-links navbar-right">
							<li>
								<span class="m-r-sm text-muted welcome-message">欢迎登陆网站后台管理系统</span>
							</li>

							<li class="dropdown">
								<a class="dropdown-toggle count-info" data-toggle="dropdown">
									<i class="fa fa-envelope"></i><span class="label label-warning">5</span>
								</a>
								<ul class="dropdown-menu dropdown-messages">
									<li>
										<div class="dropdown-messages-box">
											<div class="media-body">
												<small class="pull-right text-navy">2015-11-24</small>
												<strong>张三</strong>
												<br>
												<small class="text-muted">将改变世界的十大科学突破</small>
											</div>
										</div>
									</li>
									<li class="divider"></li>
									<li>
										<div class="dropdown-messages-box">
											<div class="media-body">
												<small class="pull-right text-navy">2015-11-24</small>
												<strong>李四</strong>
												<br>
												<small class="text-muted">将改变世界的十大科学突破</small>
											</div>
										</div>
									</li>
									<li class="divider"></li>
									<li>
										<div class="dropdown-messages-box">
											<div class="media-body">
												<small class="pull-right text-navy">2015-11-24</small>
												<strong>王五</strong>
												<br>
												<small class="text-muted">将改变世界的十大科学突破</small>
											</div>
										</div>
									</li>
									<li class="divider"></li>
									<li>
										<div class="text-center link-block">
											<a href="mailbox.html">
												<i class="fa fa-envelope"></i> <strong>查看更多</strong>
											</a>
										</div>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle count-info" data-toggle="dropdown">
									<i class="fa fa-clock-o"></i> <span class="label label-primary">8</span>
								</a>
								<ul class="dropdown-menu dropdown-alerts">
									<li>
										<a href="#">
											<div>
												<i class="fa fa-envelope fa-fw"></i> You have 16 messages
												<span class="pull-right text-muted small">4 minutes ago</span>
											</div>
										</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="profile.html">
											<div>
												<i class="fa fa-twitter fa-fw"></i> 3 New Followers
												<span class="pull-right text-muted small">12 minutes ago</span>
											</div>
										</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="grid_options.html">
											<div>
												<i class="fa fa-upload fa-fw"></i> Server Rebooted
												<span class="pull-right text-muted small">4 minutes ago</span>
											</div>
										</a>
									</li>
									<li class="divider"></li>
									<li>
										<div class="text-center link-block">
											<a href="notifications.html">
												<strong>See All Alerts</strong>
												<i class="fa fa-angle-right"></i>
											</a>
										</div>
									</li>
								</ul>
							</li>

							<li>
								<a href="#"><i class="fa fa-sign-out"></i> 退出</a>
							</li>
						</ul>

					</nav>
				</div>

				<div class="row wrapper border-bottom white-bg page-heading">
					<div class="col-sm-8">
						<h2>会员管理</h2>
						<ol class="breadcrumb">
							<li><a>主页</a></li>
							<li><a>会员权限管理</a></li>
							<li class="active">会员管理</li>
						</ol>
					</div>
					<div class="col-sm-4">
						<div class="title-action">
							<a class="btn btn-primary btn-sm btn-outline"><i class="fa fa-plus-square"> </i> 添加</a>
							<a class="btn btn-primary btn-sm btn-outline"><i class="fa fa-gear"> </i> 批量修改</a>
							<a class="btn btn-primary btn-sm btn-outline"><i class="fa fa-trash-o"> </i> 批量删除</a>
						</div>
					</div>
				</div>

				<div class="wrapper wrapper-content">
					<div class="middle-box text-center animated fadeInRightBig">
						<h3 class="font-bold">This is page content</h3>
						<div class="error-desc">
							You can create here any grid layout you want. And any variation layout you imagine:) Check out main dashboard and other site. It use many different layout.
							<br/><a href="index.html" class="btn btn-primary m-t">Dashboard</a>
						</div>
					</div>
				</div>

				<div class="footer">
					<div class="pull-right">考拉工作室 版权所有</div>
					<div>ShiPinJun.com &copy; 2007-2015</div>
				</div>

			</div>
		</div>

		<!-- BootStrap JS -->
		<script src="static/js/jquery-2.1.1.js"></script>
		<script src="static/js/bootstrap.min.js"></script>
		<script src="static/js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script src="static/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

		<!-- 原版JS和定制插件-->
		<script src="static/js/base.js"></script>
		<!-- 页面加载进度条 -->
		<script src="static/js/plugins/pace/pace.min.js"></script>

		<!-- 复选插件 -->
		<script src="static/js/plugins/iCheck/icheck.min.js"></script>

		<script>
			$(document).ready(function() {
				$('.i-checks').iCheck({
					checkboxClass: 'icheckbox_square-green',
					radioClass: 'iradio_square-green',
				});
			});
		</script>

	</body>

</html>